<template>
 <div>
     <button type="button" class="btn btn-primary" id="liveToastBtn">Show live toast</button>
     <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
  <div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
    <div class="toast-header">
      
      <strong class="me-auto">Bootstrap</strong>
      <small>11 mins ago</small>
      <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
    </div>
    <div class="toast-body">
      Hello, world! This is a toast message.
    </div>
  </div>
</div>
 </div>
</template>



<script>
export default {
    name:'DemoToasts',
    data() {
        return{
            msg:'你好啊'
        }
    }
}
</script>
